{% extends "base.html" %}

{% block title %}欢迎使用学术研究自动化平台{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <!-- 英雄区域 -->
        <div class="hero-section bg-gradient text-white text-center py-5 mb-5 rounded">
            <div class="container">
                <h1 class="display-4 fw-bold mb-4">
                    <i class="fas fa-microscope me-3"></i>
                    学术研究自动化平台
                </h1>
                <p class="lead mb-4">
                    智能化研究工具，助力学术创新与发现
                </p>
                <div class="d-flex justify-content-center gap-3">
                    <a href="{{ url_for('register') }}" class="btn btn-light btn-lg">
                        <i class="fas fa-user-plus me-2"></i>立即注册
                    </a>
                    <a href="{{ url_for('login') }}" class="btn btn-outline-light btn-lg">
                        <i class="fas fa-sign-in-alt me-2"></i>用户登录
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- 功能特性 -->
    <div class="col-12 mb-5">
        <h2 class="text-center mb-5">平台特性</h2>
        <div class="row g-4">
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-brain fa-3x text-primary"></i>
                        </div>
                        <h5 class="card-title">智能研究规划</h5>
                        <p class="card-text">
                            AI驱动的研究主题分析和计划生成，帮助研究者制定科学的研究路线图。
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-search fa-3x text-success"></i>
                        </div>
                        <h5 class="card-title">自适应文献分析</h5>
                        <p class="card-text">
                            智能关键词生成、文献质量评估和知识图谱构建，全面掌握研究领域动态。
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-flask fa-3x text-warning"></i>
                        </div>
                        <h5 class="card-title">智能实验设计</h5>
                        <p class="card-text">
                            基于文献的实验方案生成、可行性评估和参数优化，提高实验成功率。
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-chart-line fa-3x text-info"></i>
                        </div>
                        <h5 class="card-title">自动化数据分析</h5>
                        <p class="card-text">
                            多格式数据处理、智能分析方法选择和可视化生成，快速获得研究洞察。
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-file-alt fa-3x text-danger"></i>
                        </div>
                        <h5 class="card-title">智能报告生成</h5>
                        <p class="card-text">
                            学术标准报告模板、期刊格式适配和自动校对，提升论文写作效率。
                        </p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body text-center">
                        <div class="feature-icon mb-3">
                            <i class="fas fa-users fa-3x text-secondary"></i>
                        </div>
                        <h5 class="card-title">协作管理</h5>
                        <p class="card-text">
                            实时协作编辑、版本控制和活动日志，促进团队研究协作。
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- 统计数据 -->
    <div class="col-12 mb-5">
        <div class="bg-light rounded p-5">
            <h2 class="text-center mb-5">平台数据</h2>
            <div class="row text-center">
                <div class="col-md-3">
                    <div class="stat-item">
                        <h3 class="display-4 text-primary fw-bold">1000+</h3>
                        <p class="lead">注册用户</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="stat-item">
                        <h3 class="display-4 text-success fw-bold">5000+</h3>
                        <p class="lead">研究项目</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="stat-item">
                        <h3 class="display-4 text-warning fw-bold">50000+</h3>
                        <p class="lead">文献分析</p>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="stat-item">
                        <h3 class="display-4 text-info fw-bold">10000+</h3>
                        <p class="lead">数据分析</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <!-- 用户角色 -->
    <div class="col-12">
        <h2 class="text-center mb-5">适用用户</h2>
        <div class="row g-4">
            <div class="col-md-3">
                <div class="card text-center h-100">
                    <div class="card-body">
                        <i class="fas fa-user-graduate fa-3x text-primary mb-3"></i>
                        <h5 class="card-title">研究生</h5>
                        <p class="card-text">论文写作、文献调研、数据分析支持</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-3">
                <div class="card text-center h-100">
                    <div class="card-body">
                        <i class="fas fa-chalkboard-teacher fa-3x text-success mb-3"></i>
                        <h5 class="card-title">研究员</h5>
                        <p class="card-text">项目管理、实验设计、协作研究</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-3">
                <div class="card text-center h-100">
                    <div class="card-body">
                        <i class="fas fa-university fa-3x text-warning mb-3"></i>
                        <h5 class="card-title">教授</h5>
                        <p class="card-text">团队管理、研究指导、学术评估</p>
                    </div>
                </div>
            </div>
            
            <div class="col-md-3">
                <div class="card text-center h-100">
                    <div class="card-body">
                        <i class="fas fa-building fa-3x text-info mb-3"></i>
                        <h5 class="card-title">研究机构</h5>
                        <p class="card-text">资源管理、质量评估、成果展示</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
// 添加一些动画效果
$(document).ready(function() {
    // 统计数字动画
    $('.stat-item h3').each(function() {
        const $this = $(this);
        const countTo = parseInt($this.text().replace(/\D/g, ''));
        const suffix = $this.text().replace(/\d/g, '');
        
        $({ countNum: 0 }).animate({
            countNum: countTo
        }, {
            duration: 2000,
            easing: 'swing',
            step: function() {
                $this.text(Math.floor(this.countNum) + suffix);
            },
            complete: function() {
                $this.text(countTo + suffix);
            }
        });
    });
});
</script>
{% endblock %}